<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>
    <input type="text" id="input1">
    <input type="text" id="input2">
    <input type="text" id="input3">

    <script>
        // 键盘事件：keydown 按下键盘按键时触发
        $('#input1').keydown(function(e){
            console.log(e.keyCode)
        })

        // 键盘事件：keyup 释放键盘按键时触发
        $('#input2').keyup(function(e){
            console.log(e.keyCode)
        })

        // 键盘事件：keypress 按下键盘按键并释放时触发
        $('#input3').keypress(function(e){
            console.log(e.keyCode)
        })

    </script>
</body>
</html>